<template>
    <div>
      <h1>{{ message }}</h1>
      <button @click="updateMessage">更新消息</button>
    </div>
  </template>
  
  <script setup>
  import { ref } from 'vue';
  
  // 使用 Composition API
  const message = ref('Hello, Vue 3!');
  
  function updateMessage() {
    message.value = '消息已更新!';
  }
  </script>
  
  <style scoped>
  /* 样式在这里 */
  h1 {
    color: blue;
  }
  button {
    padding: 10px;
  }
  </style>